<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <style>
        * {
            padding: 0px;
            margin: 0px;
        }

        html,
        body {
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

        img {
            width: 100%;
            height: 100%;
            opacity: 0.8;
        }

        /* * {
            padding: 0px;
            margin: 0px;
        }
        body{
            width: 100%;
            height:100%;
            overflow: hidden;
            background-size:auto ;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(./img/bg.png);
            background-color: black;      
        }
        #dong-banner img{
            width: 800px;
            height: 500px;
            
        } */
    </style>
</head>

<body>
<!--<img src="./img/bg1.jpg" alt="">-->

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="https://animate.style/" target="_blank">animate</a></li>
                <li><a href="http://www.ibootstrap.cn/" target="_blank">ibootstrap</a></li>
                <li><a href="https://goobe.io/" target="_blank">goobe</a></li>
                <li><a href="https://oktools.net" target="_blank">数据格式化</a></li>
                <li><a href="https://jquery.cuishifeng.cn/">Jquery</a></li>
                <li><a href="http://www.ngrok.cc">Ngrok</a></li>
                <li><a href="http://123.57.248.38:8888/">宝塔面板</a></li>
                <li><a href="https://www.bootschool.net/">BootSchool</a></li>
                <li><a href="https://www.jianshu.com/">简书</a></li>
                <li><a href="http://jeecg.com/">jeecg</a></li>
                <li><a href="https://www.showdoc.com.cn/">showdoc</a></li>
                <li><a href="https://bootstrap-table.com/">bootstrap-table</a></li>
                <li><a href="https://www.cs.usfca.edu/~galles/visualization/RedBlack.html">RedBlackTree</a></li>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="https://api.muxiaoguo.cn/" target="_blank">Muxisoguo</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                           aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">Separated link</a></li>
                        </ul>
                    </li>
                </ul>
            </ul>
        </div>
    </div>
</nav>

<div class="container-fluid" style="margin-top: 50px;">
    <div class="row" style="margin-top: 20px;">
        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/KpXhUibZFTo3IdMXcwL_0g" target="_blank">mysql -binlog,redolog,undolog</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/8fpkSRSikyg1w6GPfl5ZGQ" target="_blank">30个Java实战项目</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/zM_Sp0D8k64I31pSLPhdkA" target="_blank">es-全站文章搜索</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/KANtGf9sVafBsxwbIgybHg" target="_blank">redis-16个应用场景</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/AG-7TIKo2q4qrLKd5xCMFw" target="_blank">mysql-删除重复数据</a></li>
            </ul>
        </div>

        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/kRcO-ekDldTZK47mK4T5lQ" target="_blank">java-springboot + websocket 简单使用</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/4avHN6X56fvYUc5noKGYXA" target="_blank">InterThreadLocal</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/b38zctK3Y0JeboitLyTp4A" target="_blank">HashMap 插入</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/bSBww_4G9mseo-JMxmppMQ" target="_blank">枚举</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/5KwDesM_aamHagXO3jT3Fw" target="_blank">mybatis 原理</a></li>
            </ul>
        </div>

        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/GcAuSg02K9ZjLpco5JoTtA" target="_blank">接口幂等性设计</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/niFCL0_dAjyIjN_dXVjucA" target="_blank">kafka</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/8PZ1vrzTbUnJdwflPOdE9A" target="_blank">SPI机制</a></li>
                <li class="list-group-item"><a href="https://github.com/981011512/--" target="_blank">停车系统</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/xtM0S4qc9nrhr-wQy0b-GQ" target="_blank">扫码登录功能</a></li>
            </ul>
        </div>

    </div>
    <div class="row" style="margin-top: 20px;">
        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/XTy0eAkCnqznIk4nW8eUvA" target="_blank">慢查询</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/eJER1CDD-R3M6xJCXF1d7Q" target="_blank">android高仿项目</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/uuIUffr2K6iskq_Dbl79PQ" target="_blank">动态规划</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/6chahyY_CkQpU72423ZAmA" target="_blank">16个代码习惯</a></li>

                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/AG-7TIKo2q4qrLKd5xCMFw" target="_blank">mysql-删除重复数据</a></li>
            </ul>
        </div>

        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/kRcO-ekDldTZK47mK4T5lQ" target="_blank">java-springboot + websocket 简单使用</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/4avHN6X56fvYUc5noKGYXA" target="_blank">InterThreadLocal</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/b38zctK3Y0JeboitLyTp4A" target="_blank">HashMap 插入</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/bSBww_4G9mseo-JMxmppMQ" target="_blank">枚举</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/5KwDesM_aamHagXO3jT3Fw" target="_blank">mybatis 原理</a></li>
            </ul>
        </div>

        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/GcAuSg02K9ZjLpco5JoTtA" target="_blank">接口幂等性设计</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/niFCL0_dAjyIjN_dXVjucA" target="_blank">kafka</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/8PZ1vrzTbUnJdwflPOdE9A" target="_blank">SPI机制</a></li>
                <li class="list-group-item"><a href="https://github.com/981011512/--" target="_blank">停车系统</a></li>
                <li class="list-group-item"><a href="https://mp.weixin.qq.com/s/xtM0S4qc9nrhr-wQy0b-GQ" target="_blank">扫码登录功能</a></li>
            </ul>
        </div>

    </div>

</div>
</body>

</html>